<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车网站</title>
    <link rel="stylesheet" href="./index.css">
</head>

<body>
    <header class="head-box fix-width">
        <!-- 标题 -->
        <div class="title">购物天堂</div>

        <!-- 购物车按钮 -->
        <div class="shopping-cart">
            <span>购物车</span>
            <span id="shopping-cart-quantity"></span>
        </div>

        <!-- 购物车悬浮框 -->
        <div id="shopping-cart-popup">
            <div id="cart-box"></div>
            <button class="pay-btn" type="button" onclick="page.toPay()">购买</button>
        </div>
    </header>

    <!-- 商品列表 -->
    <main id="product-list" class="fix-width"></main>

    <script src="./index.js"></script>
</body>


</html>